// 封装axios
import axios from "axios";
import { ElMessage } from 'element-plus' // 可选：UI提示
import router from './router/index.js' 
//import { useRouter } from 'vue-router'
//const router = useRouter()
// 创建实例
// 创建一个 axios 实例
const service = axios.create({
  baseURL: '/api', // 从环境变量读取基础URL（推荐方式）
  timeout: 10000, // 超时时间
  //headers: { 'Content-Type': 'application/json;charset=utf-8' }
})


// 定义请求拦截器
// 请求拦截器
service.interceptors.request.use(
  config => {
    // 可在此添加 token 到请求头中
    const token = localStorage.getItem('token')
    if (token) {
      config.headers['token'] = `${token}`
    }
    return config
  },
  error => {
    // 请求错误预处理
    console.error('请求出错:', error)
    return Promise.reject(error)
  }
)


// 定义响应拦截器
// 响应拦截器
service.interceptors.response.use(
  response => {
    // 解构了一层数据
    const res = response.data
    
    if(res.code === 200){
      return res;
    }

    if(res.code === 403){
      ElMessage.error(res.message || '请求失败')
    }

      // token 过期等处理
      if (res.code === 401) {
        localStorage.removeItem('token')
        router.push('/login') // 跳转到登录页
      }
    /*
    // 如果后端自定义状态码不是 200，则认为是错误
    if (res.code !== 200) {
      ElMessage.error(res.message || '请求失败')

      // token 过期等处理
      if (res.code === 401) {
        localStorage.removeItem('token')
        router.push('/login') // 跳转到登录页
      }

      return Promise.reject(new Error(res.message || 'Error'))
    } else {
      return res
    }
      */
     return Promise.reject(new Error(res.message || 'Error'))
  },
  error => {
    // 网络异常或服务器无响应等情况
    console.error('响应错误:', error)

    if (error.code === 'ECONNABORTED') {
      ElMessage.error('请求超时，请重试')
    } else {
      ElMessage.error('网络异常，请检查连接')
    }
    return Promise.reject(error)
  }
)

// 导出实例对象
export default service
